.header{
	width:1200px;
	margin:0 auto;
}

.nav{
	@extend .header;
}

.content{
	@extend .header;
}
.introduce{
	@extend .header;
}
.hot{
	@extend .header;
}
.footer{
	@extend .header;
}


.header1-wrap{
	
	border-top:solid 1px #ccc;
	border-bottom:solid 1px #ccc;
	.header1{
		overflow:hidden;height:40px;
		.head-l{
			float:left;
			li{
				height:40px;
				line-height:40px;
				float:left;
				}
			li:nth-child(2){
				padding-left:20px;padding-right:20px;
				a{
					img{width:15px;height:15px;;padding:0;float:left;margin-top:13px;}
					span{color:red;text-indent:8px;display:inline-block;}
				}
			}
			.logout2{display:none;}	
		}
		
		.head-r{
			float:right;
			.active2 {color:red;}
			li{
					float:left;
					height:40px;
					line-height:40px;
					
					
					a{border-right:solid 1px #ccc;padding-left:20px;padding-right:20px;}
				}
			li:nth-child(4){
				img{width:15px;height:15px;float:left;margin-top:13px;margin-left:8px;margin-right:8px;}
				span{color:gray;}
			}
		}	
			
	}
}



.footer-wrap{
	background:#222222;
	.footer{
		background:#222222;overflow: hidden;
		.footer-ul{
			width:1200px;height:80px;border-bottom: solid 1px #ccc;
			span{
				float:left;padding-right:5px;color:#969896;text-indent: 5px;
				}
				a{
					float:left;padding-left:5px;padding-right:5px;color:#969896;
					li{height:20px;line-height: 20px;}	
					}
				a:hover{color:darkgreen;}
			}
		.footer-list{margin-top:40px;}
		.footer-ul2{
			margin-top:40px;border-bottom: solid 1px #ccc;height:200px;
			li{
				width:240px;float:left;height:159px;margin-bottom: 30px;
				img{width:40px;height:40px;float:left;}
				i{display: block;font-size: 20px;color:forestgreen;text-indent: 10px;line-height:1;padding-bottom: 8px;}
				a{font-size:13px;color:#CCCCCC;margin-left:10px;}
				.gongying{display:block;margin-left:50px;line-height:1;margin-top:5px;}
				}
			.app{
				width:148px;height:169px;background:#fff;
				img{width:128px;height:128px;padding:10px 10px 5px 10px;}
				p{text-align: center;line-height:20px;}
				}
			a:hover{color:darkgreen;}
			}
		.bottom{
			margin-left:140px;
			a{float:left;color:#ccc;padding-left:14px;padding-right:14px;border-left: solid 1px #ccc;margin-top:20px;margin-bottom: 20px;fot-size:14px;}
			a:nth-child(1){border-left:none;}
			a:hover{color:darkgreen;}
			}
		.bottom-x{
			overflow: hidden;margin-left:465px;clear:both;
			li{
				float:left;line-height:1;padding-right:3px;margin-bottom: 10px;color:gray;
			a{color:gray;line-height:1;}
			}
			li:nth-child(2){border-left:solid 1px #ccc; border-right:solid 1px #ccc;padding-left:2px;}
			li:hover a{color:green;}
			}
		p{text-align: center;color:gray;line-height:30px;}
		.bottom-i{
			padding-bottom: 20px;
			a img{width:100;height:28px;margin-left:43%;}
			}
	}
}
 